<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <title>杭州美卓-多功能局放仪 /超声波成像仪 /局放在线监测 /SF6气体监测方案生产商</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/js_z.js"></script>
    <link rel="stylesheet" type="text/css" href="css/flexslider.css">
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
    <link rel="stylesheet" type="text/css" href="css/thems.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c9d08b45c38995ade27133094e176186";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>    <link rel="stylesheet" href="css/index.css">
    <script language="javascript">
        $(window).load(function () {
            $('.flexslider').flexslider({
                animation: "slide"
            });
        });
    </script>
</head>

<body>
    <!--头部-->
      <div class="r_top">
                <span>免费咨询电话：<b>0571-85159673
                        / 13575788882</b></span>
           
            </div>
    <div class="head clearfix">
        <div class="logo"><a href="index.html"><img src="img/logo.jpeg" alt="杭州美卓自动化有限公司"></a></div>
        <div class="head_r">
          
            <div class="nav_m">
                <div class="n_icon">导航栏</div>
                <ul class="nav clearfix">
                    <li class="now"><a href="index.html">网站首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="product.html">产品系列</a></li>
                    <li><a href="service.html">解决方案</a></li>
                    <li><a href="news.html">公司动态</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部-->
    <!--幻灯片-->
    <div class="banner">
        <div class="slider">
            <div class="flexslider">
                <ul class="slides" id="slides">
                    <li><a href="#"><img src="img/banner4.jpg" alt=""></a> </li>
                    <li><a href="#"><img src="img/banner5.jpg" alt=""></a> </li>
                    <li><a href="#"><img src="img/banner3.jpg" alt=""></a> </li>
                </ul>
            </div>
        </div>
    </div>
    <!--幻灯片-->
    <div class="space_hx">&nbsp;</div>
    <div class="i_ma clearfix">
        <div class="i_mal">
            <div class="box_h">
                <span>公司简介</span>
                <p>Company</p>
                <a href="#">+ MORE</a>
            </div>
            <div class="box_m">
                <img src="img/pic1.jpeg" alt="">
                <span>杭州美卓自动化技术有限公司成立于2008
                    年8月，我公司是一家专注于电力设备状态监测、系统集成研发与生产一体化的创新性科技公司。公司目前已研发并转化的产品涉及发电、输变电、配电、高压试验及电气保护自动化等领域，产品和服务遍及电网、发电、钢铁、石化、轨道交通等行业。我司提供还电力设备智能巡检产品的研发、生产、销售，并有电力智能自动化方案设计、运营培训等一系列服务；能帮助用户实现电力设备运行状态的实时监测，保障电力设备运行安全；</span>
                <span>美卓企业愿景： 凭借核心的产品方案和专业的服务，在电网细分市场,电力设备运行状态智能巡检服务领域,成为领军企业；</span>
            </div>
        </div>
        <div class="i_mar">
            <div class="box_h">
                <span>视频播放</span>
                <p>Video Player</p>
                <a href="#">+ MORE</a>
            </div>
            <div class="box_m">
                <video
                    src="https://meizuooss.oss-cn-shanghai.aliyuncs.com/public/34_1701246482.mp4"
                    autoplay
                    preload="auto"
                    quality="high" 
                    width="485" 
                    height="260"
                    controls="true"
                    >
                <p class="des">杭州美卓自动化技术有限公司创立于2008年，长期致力于电力设备状态监领域的产品研发与推广。是专业的状态监测产品解决方案提供商</p>
            </div>
        </div>
    </div>
    <div class="bg_a">
        <div class="i_mb">
            <div class="i_name"><a href="#"><img src="img/n1.png" width="122" height="51" alt=""></a></div>
            <div class="i_m">
                <ul class="clearfix" id="productContent">
                    <li>
                        <a href="#">
                            <img src="img/pic2.jpeg" alt="">
                            <p>奥德斯自动化机器人</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/pic2.jpeg" alt="">
                            <p>奥德斯自动化机器人</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/pic2.jpeg" alt="">
                            <p>奥德斯自动化机器人</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/pic2.jpeg" alt="">
                            <p>奥德斯自动化机器人</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/pic2.jpeg" alt="">
                            <p>奥德斯自动化机器人</p>
                        </a>
                    </li>
                </ul>
                <div class="more"><a href="/product.html">+ 查看更多</a></div>
            </div>
        </div>
    </div>
    <div class="space_hx">&nbsp;</div>
    <!-- <div class="i_mc">
        <div class="i_name"><a href="#"><img src="img/n2.png" width="119" height="57" alt=""></a></div>
        <div class="i_m">
            <ul class="clearfix">
                <li>
                    <div class="tu"><img src="img/s1.png" alt=""></div>
                    <h6>仿真模拟</h6>
                    <p>"从源头设计到智能输电，我们为电力领域提供卓越解决方案。高效、可靠、创新，我们致力于为客户创造智能电气未来。"</p>
                </li>
                <li>
                    <div class="tu"><img src="img/s2.png" alt=""></div>
                    <h6>系统设计</h6>
                    <p>"创新引领未来，我们为电力行业提供高效、可靠的智能输电解决方案。从源头设计到智能输电，携手共创电气领域的卓越未来。"</p>
                </li>
                <li>
                    <div class="tu"><img src="img/s3.png" alt=""></div>
                    <h6>安装调试</h6>
                    <p>"认真负责，我们团队以专业精神为您提供电气系统的安装与调试服务。精益求精，确保每一台设备都达到最佳状态，为您的工程保驾护航。"</p>
                </li>
                <li>
                    <div class="tu"><img src="img/s4.png" alt=""></div>
                    <h6>培训服务</h6>
                    <p>"专业培训，我们为您提供电气系统的专业培训服务。精湛技艺传承，售后服务更添专业底蕴，确保您的团队熟练操作，安心享受卓越售后支持。"</p>
                </li>
                <li>
                    <div class="tu"><img src="img/s5.png" alt=""></div>
                    <h6>售后服务</h6>
                    <p>"专业维护，我们致力于为您提供电气系统的专业售后服务。精准维护，持续关怀，确保设备持续高效运行，为您提供可靠的后盾支持。"</p>
                </li>
            </ul>
        </div>
    </div> -->
    <div class="space_hx">&nbsp;</div>
    <div class="i_md">
        <div class="i_name"><a href="#"><img src="img/n3.png" width="118" height="58" alt=""></a></div>
        <div class="i_m">
            <ul class="clearfix" id="newsList">
                <li>
                    <a href="#">
                        <img src="img/pic3.jpeg" alt="">
                        <div class="title">杭州美卓自动化有限公司</div>
                        <p class="des">2015-10-10,紧跟世界先进技术和先进工艺的前沿，在各个行业与卓越的专家合作......</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pic3.jpeg" alt="">
                        <div class="title">杭州美卓自动化有限公司</div>
                        <p class="des">2015-10-10,紧跟世界先进技术和先进工艺的前沿，在各个行业与卓越的专家合作......</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pic3.jpeg" alt="">
                        <div class="title">杭州美卓自动化有限公司</div>
                        <p class="des">2015-10-10,紧跟世界先进技术和先进工艺的前沿，在各个行业与卓越的专家合作......</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/pic3.jpeg" alt="">
                        <div class="title">深圳市杭州美卓自动化有限公司科技有限公司</div>
                        <p class="des">2015-10-10,紧跟世界先进技术和先进工艺的前沿，在各个行业与卓越的专家合作......</p>
                    </a>
                </li>
            </ul>
            <div class="more"><a href="/news.html">+ 更多新闻</a></div>
        </div>
    </div>
    <div class="space_hx">&nbsp;</div>
    <!-- <div class="i_me">
        <div class="i_name"><a href="#"><img src="img/n4.png" width="119" height="59" alt=""></a></div>
        <div class="i_m">
            <div id="focus_Box">
                <span class="prev">&nbsp;</span> <span class="next">&nbsp;</span>
                <ul>
                    <li> <a href="#"><img src="img/pic4.jpeg" alt=""></a>
                    </li>
                    <li> <a href="#"><img src="img/pic5.jpeg" alt=""></a>
                    </li>
                    <li> <a href="#"><img src="img/pic6.jpeg" alt=""></a>
                    </li>
                    <li> <a href="#"><img src="img/pic4.jpeg" alt=""></a>
                    </li>
                    <li> <a href="#"><img src="img/pic5.jpeg" alt=""></a>
                    </li>
                    <li> <a href="#"><img src="img/pic6.jpeg" alt=""></a>
                    </li>
                    <li> <a href="#"><img src="img/pic4.jpeg" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="sj_sp">
                <div class="mainPhoto"> <span class="goleft nextPage"><a href="javascript:void(0)"><img
                                src="img/prev_1.png" alt=""></a></span>
                    <div class="go slidegrid">
                        <ul class="slideitems">
                            <li><a href="#"><img src="img/pic4.jpeg" alt=""></a></li>
                            <li><a href="#"><img src="img/pic5.jpeg" alt=""></a></li>
                            <li><a href="#"><img src="img/pic6.jpeg" alt=""></a></li>
                        </ul>
                    </div>
                    <span class="goright prevPage"><a href="javascript:void(0)"><img src="img/next_1.png"
                                alt=""></a></span>
                </div>
                <script>
                    $(function () {
                        $('.mainPhoto .slidegrid').scrollable({ size: 1, circular: true, next: '.nextPage', prev: '.prevPage' }).autoscroll();
                    });
                </script>
            </div>
            <div class="more"><a href="#">+ 更多视频</a></div>
        </div>
    </div> -->
    <!-- 页脚占位符 -->
    <div id="footer-placeholder"></div>

    <script>
        function goDetail(id) {
            window.open(`/productDetail.html?id=${id}`)
        }
        function goNewsDetail(id) {
            window.open(`/newsPageDetail.html?id=${id}`)
        }
        //获取产品详情
        $.ajax({
            type: "POST",
            url: "https://www.mzpower.com/api/product/list",
            data: {
                page: 1,
                pageSize: 5,
            },
            dataType: "json",
            crossDomain: true,
            success: function (data) {
                $('#productContent').empty();   //清空resText里面的所有内容
                var html = '';
                $.each(data.list, function (commentIndex, comment) {
                    html += `
                    <li onclick="goDetail(${comment.id})">
                        <a href="#">
                            <img src=${comment.imageUrl} alt="">
                            <p>${comment.name}</p>
                        </a>
                    </li>`
                });
                $('#productContent').html(html);
                console.log(data, '得到的数据')
            }
        })
        //获取文章详情
        $.ajax({
            type: "POST",
            url: "https://www.mzpower.com/api/news/list",
            data: {
                page: 1,
                pageSize: 4,
            },
            dataType: "json",
            crossDomain: true,
            success: function (data) {
                $('#newsList').empty();   //清空resText里面的所有内容
                var html = '';
                $.each(data.list, function (commentIndex, comment) {
                    html += `
                    <li onclick="goNewsDetail(${comment.id})">
                    <a href="javascript:void(0);">
                        <img src=${comment.descImg} alt="">
                        <div class="title">${comment.title}</div>
                        <p class="des">${comment.description}</p>
                    </a>
                </li>`
                });
                $('#newsList').html(html);
                console.log(data, '得到的数据')
            }
        })

        //获取首页图片
        //获取文章详情
        $.ajax({
            type: "POST",
            url: "https://www.mzpower.com/api/banner/list",
            data: {
                page: 1,
                pageSize: 10,
            },
            dataType: "json",
            crossDomain: true,
            success: function (data) {
                $('#slides').empty();   //清空resText里面的所有内容
                var html = '';
                $.each(data.list, function (commentIndex, comment) {
                    html += `
                    <li><a href="javascript:void();"><img src="${comment.imageUrl}" alt=""></a> </li>`
                });
                $('#slides').html(html);
                console.log(data, '得到的图片数据')
            }
        })
    </script>
    <!-- 加载页脚组件 -->
    <script>
        $.get('includes/footer-component.html', function(data) {
            $('#footer-placeholder').html(data);
        }).fail(function() {
            console.warn('无法加载页脚组件');
        });
    </script>

    <!-- 统计代码 -->
    <script async src="https://0199a2af-6c56-7918-afd6-e4d71e273363.spst2.com/ustat.js"></script>



</body>

</html>
